@vcl/utils

VCL utils

Basic utility classes.

Features

Utility classes for:

• Floated elements
• Box model manipulation
• Alignment of inline elements
• Text and word wrapping
• Visibility control
• Scrollable containers
• Text selection by users

Usage

Inline Element Alignment

inline-element-alignment example

Scrollable Containers

scrollable-containers example

Text and Word Wrapping

text-and-word-wrapping example

Classes

Float Helpers

• vclFloatLeft
• vclFloatRight
• vclFloatNone
• vclClearFix
• vclClear

Block Element alignment

• vclCenterBlock

Border

• vclNoBorder

Padding

• vclNoPadding

Margin

• vclNoMargin

Alignment of inline Elements

• vclAlignLeft
• vclAlignRight
• vclAlignCentered
• vclAlignJustified

Text and Word Wrapping

• vclBreakWords
• vclNoWrap
• vclOverflowEllipsis

Visibility Control

• vclOverflowHidden
• vclDisplayNone
• vclVisibilityHidden

Scrollable Containers

• vclScrollable

Modifiers:

• vclX: scrollable only along x-axis
• vclXOnHover: scrollable only along x-axis when hovered
• vclY: scrollable only along y-axis
• vclYOnHover: scrollable only along y-axis when hovered

Text Selection by Users

• vclEnableUserSelect
• vclDisableUserSelect

Demo

example.html on GH-pages.